<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>watchShop</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../font/index/iconfont.css">
    <link rel="stylesheet" href="../css/shopCar.css">
</head>

<body>
    <!-- header -->
    <div class="bigHeader">
        <header class="center">
            <div class="topL">
                <img src="../images/indexImg/index_03.jpg" alt="">
                <span class="spanL">在线时间&nbsp;08:30~21:30</span>
                <span class="spanR">欢迎访问钟表专卖商城!</span>
            </div>
            <div class="topR">
                <div class="dengLu"><a href="../html/login.html"><span class="iconfont icon-denglu-yonghu"></span></a>
                    <div class="lgTips">
                        <div class="avatar center">
                            <img class="userImg" src="../images/indexImg/userImg.gif" alt="">
                        </div>
                        <p class="account">请先登录</p>
                        <p class="quit">退出</p>
                    </div>
                </div>
                <a href="../html/shopCar.html"><span class="iconfont icon-gouwuche"></span></a>
            </div>
            <div class="carTip">
                <p>购物车里没有商品</p>
                <hr>
            </div>
        </header>
    </div>

    <!-- nav -->
    <div class="bigNav">
        <nav class="center">
            <div class="navL">
                <a href="../index.html"><img src="../images/indexImg/indexs_19.jpg" alt=""></a>
            </div>
            <div class="navC">
                <a href="../index.html">商城首页</a>
                <a href="goods.html">所有商品</a>
                <a href="dynamic.html">商城动态</a>
                <a href="aboutWatchShop.html">关于店铺</a>
                <a href="store.html">线下门店</a>
            </div>
            <div class="navR">
                <div class="search">
                    <input type="text" placeholder="搜索商品关键字">
                    <button class="ssuoBt">
                        <span class="iconfont icon-sousuo"></span>
                    </button>
                </div>
            </div>
        </nav>
    </div>

    <!-- todo: 内容区 -->
    <!-- content -->
    <div class="bigCnt">
        <div class="cnt center">
            <div class="noProduct">
                <h5>您的购物车目前是空的</h5>
                <div class="returnToStore center">
                    返回商店
                </div>
            </div>
            <div class="commodityBox">
                <div class="commodityL">
                    <div class="comT">
                        <span class="goodTitle">商品</span>
                        <span class="priceTitle">价格</span>
                        <span class="numTitle">数量</span>
                        <span class="sumTitle">合计</span>
                    </div>
                    <ul class="comN">
                        <!-- 购物车商品渲染区 -->
                        <!-- <li>
                            <div class="delG">
                                <img class="delGoods" src="../images/indexImg/car_03.jpg" alt="">
                            </div>
                            <img class="goodsImg" src="../images/indexImg/car_04.jpg" alt="">
                            <p class="goodsTitle">女士机械表1111111111111111111</p>
                            <p class="goodsPrice">￥4800000</p>
                            <div class="godNum">
                                <div class="reduce">-</div>
                                <div class="goodsNum">1</div>
                                <div class="add">+</div>
                            </div>
                            <div class="smallTotal">￥4</div>
                        </li>
                        <li>
                            <div class="delG">
                                <img class="delGoods" src="../images/indexImg/car_03.jpg" alt="">
                            </div>
                            <img class="goodsImg" src="../images/indexImg/car_04.jpg" alt="">
                            <p class="goodsTitle">女士机械表1111111111111111111</p>
                            <p class="goodsPrice">￥4800000</p>
                            <div class="godNum">
                                <div class="reduce">-</div>
                                <div class="goodsNum">1</div>
                                <div class="add">+</div>
                            </div>
                            <div class="smallTotal">￥480</div>
                        </li>
                        <li>
                            <div class="delG">
                                <img class="delGoods" src="../images/indexImg/car_03.jpg" alt="">
                            </div>
                            <img class="goodsImg" src="../images/indexImg/car_04.jpg" alt="">
                            <p class="goodsTitle">女士机械表1111111111111111111</p>
                            <p class="goodsPrice">￥4800000</p>
                            <div class="godNum">
                                <div class="reduce">-</div>
                                <div class="goodsNum">1</div>
                                <div class="add">+</div>
                            </div>
                            <div class="smallTotal">￥480</div>
                        </li>
                        <li>
                            <div class="delG">
                                <img class="delGoods" src="../images/indexImg/car_03.jpg" alt="">
                            </div>
                            <img class="goodsImg" src="../images/indexImg/car_04.jpg" alt="">
                            <p class="goodsTitle">女士机械表1111111111111111111</p>
                            <p class="goodsPrice">￥4800000</p>
                            <div class="godNum">
                                <div class="reduce">-</div>
                                <div class="goodsNum">1</div>
                                <div class="add">+</div>
                            </div>
                            <div class="smallTotal">￥4800</div>
                        </li>
                        <li>
                            <div class="delG">
                                <img class="delGoods" src="../images/indexImg/car_03.jpg" alt="">
                            </div>
                            <img class="goodsImg" src="../images/indexImg/car_04.jpg" alt="">
                            <p class="goodsTitle">女士机械表1111111111111111111</p>
                            <p class="goodsPrice">￥4800000</p>
                            <div class="godNum">
                                <div class="reduce">-</div>
                                <div class="goodsNum">1</div>
                                <div class="add">+</div>
                            </div>
                            <div class="smallTotal">￥480</div>
                        </li> -->
                    </ul>
                </div>
                <div class="commodityR">
                    <div class="comR">
                        <span class="carS">购物车总计</span>
                        <ul class="carL">
                            <li>
                                <span>购物车</span><span class="subTotal">￥4800</span>
                            </li>
                            <li class="freight">
                                <span>运费</span><span>免费送货</span>
                            </li>
                            <li>
                                <span>订单总计</span><span class="subTotal">￥4800</span>
                            </li>
                        </ul>
                        <div class="goTo">前往收银台</div>
                        <p>优惠卷</p>
                        <input class="volumeCode" type="text" placeholder="优惠卷代码"></input>
                        <div class="useVolume">使用优惠卷</div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- help -->
    <div class="help">
        <span class="iconfont icon-dianhua"></span>
        <span class="iconfont icon-qq"></span>
        <span class="iconfont icon-huidaodingbu
            ">
        </span>
    </div>

    <!-- footer -->
    <div class="bigFooter">
        <footer class="center">
            <ul class="footerT">
                <li class="sal">
                    <img src="../images/indexImg/index_27.jpg" alt="">
                    <div class="salTip">
                        <h2>满1000全包邮</h2>
                        <p class="salQ">全场订单满1000包邮</p>
                    </div>
                </li>
                <li class="sal">
                    <img src="../images/indexImg/index_28.jpg" alt="">
                    <div class="salTip">
                        <h2>下单送精美礼品</h2>
                        <p class="salQ">本店购买任意商品赠送精美礼品</p>
                    </div>
                </li>
                <li class="sal">
                    <img src="../images/indexImg/index_29.jpg" alt="">
                    <div class="salTip">
                        <h2>贴心的售后服务</h2>
                        <p class="salQ">7x24小时售后随时为您服务</p>
                    </div>
                </li>
                <li class="sal">
                    <img src="../images/indexImg/index_30.jpg" alt="">
                    <div class="salTip">
                        <h2>店铺优惠劵</h2>
                        <p class="salQ">每日整点可领取限量优惠劵</p>
                    </div>
                </li>
            </ul>
            <div class="footerC">
                <dl class="about">
                    <dt>关于产品</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <dt>售后服务</dt>
                    <dd>消费者保障服务<br>七天无理由退款<br>假一赔三</dd>
                </dl>
                <dl class="about">
                    <dt>售前服务</dt>
                    <dd>保养说明<br>隐私政策<br>客户常见问题<br>咨询服务</dd>
                </dl>
                <dl class="about">
                    <dt>售后服务</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <dt>支付方式</dt>
                    <dd>
                        <img class="payA" src="../images/indexImg/index_2.png" alt="">
                        <img class="payB" src="../images/indexImg/index_3.png" alt="">
                        <img class="payC" src="../images/indexImg/index_4.png" alt="">
                    </dd>
                </dl>
                <dl class="about">
                    <dt>关于商城</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <dt>关于产品</dt>
                    <dd>本店商品非质量问题谢绝退换，如有质量问题，本店承担运费调换</dd>
                </dl>
                <dl class="about">
                    <img src="../images/indexImg/indexs_19.jpg" alt="">
                    <img class="wei" src="../images/indexImg/indexs_1.jpg" alt="">
                    <p>搜索微信号：HUAYU</p>
                </dl>
            </div>
            <div class="footerB">
                <div class="link">
                    <a href=""><span class="iconfont icon-weibo iconF"></span></a>
                    <a href=""><span class="iconfont icon-weixin iconF"></span></a>
                    <a href=""><span class="iconfont icon-facebook iconF
            "></span></a>
                    <a href=""><span class="iconfont icon-twitter-circle-fill iconF
            "></span></a>
                    <a href=""><span class="iconfont icon-in iconF"></span></a>
                    <a href=""><span class="iconfont icon-youtube iconF"></span></a>
                </div>
                <p class="copy">Copyright &copy; 2010-2022红酒庄园直营商品专卖 All rights reserved</p>
        </footer>
    </div>
</body>
<script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/interface.js"></script>
<script src="../js/com.js"></script>
<script src="../js/shopCar.js"></script>

</html>